<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index</title>
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/base.css" />
</head>

<body>
    <!-- header -->
    <header class="pg-header">
        <div class="wid clearfix">
            <a href="index.html" class="logo fl"><img src="./images/logo.png" /></a>
            <div class="fr clearfix">
                <a href="#login-modal" data-toggle="modal" class="logo-btn">客户登录</a>
                <nav class="nav">
                    <ul class="clearfix">
                        <li>
                            <a href="index.html">首页</a>
                        </li>
                        <li>
                            <a href="about.html">走近云水泉<i class="iconfont icon-xiasanjiao"></i></a>
                            <div class="menu">
                                <div class="menu-list"> <a href="about.html" class="menu-a">公司介绍</a>
                                    <a href="idea.html" class="menu-a">投资理念</a>
                                    <a href="contact.html" class="menu-a">联系我们</a></div>
                            </div>
                        </li>
                        <li>
                            <a href="news.html">云水泉动态<i class="iconfont icon-xiasanjiao"></i></a>
                            <div class="menu">
                                <div class="menu-list">
                                    <a href="news.html" class="menu-a">云水泉动态</a>
                                    <a href="viewpoint.html" class="menu-a">云水泉观点</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="product.html">投资者服务<i class="iconfont icon-xiasanjiao"></i></a>
                            <div class="menu">
                                <div class="menu-list">
                                    <a href="product.html" class="menu-a">产品咨询</a>
                                    <a href="control.html" class="menu-a">合理风控</a>
                                    <a href="process.html" class="menu-a">认购流程</a></div>
                            </div>
                        </li>
                        <li>
                            <a href="join.html">加入云水泉</a>
                        </li>
                        <li>
                            <a href="business.html">集团业务</a>
                        </li>
                    </ul>
                </nav>

            </div>

        </div>

    </header>
    <!-- header-end -->
    <!-- banner -->
    <div class="banner inner-banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image: url(./images/product-banner.jpg)"></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"><i class="iconfont icon-mjiantou-copy-copy"></i></div>
            <div class="swiper-button-prev"><i class="iconfont icon-mjiantou-copy"></i></div>
        </div>
    </div>
    <!--banner-end-->
    <div class="inner-nav">
        <a href="process.html">
            认购流程
        </a>
        <a href="product.html" class="active">
            产品咨询
        </a>
        <a href="windControl.html">
            合规风控
        </a>
    </div>
    <!-- 主体 -->
    <div class="wid index-main">
        <div class="product">
            <header class="p-title">产品咨询</header>
            <div class="product-wrap">
                <table>

                    <thead>
                        <tr>
                            <th class="pro-name">产品名称</th>
                            <th class="wd-100">基金经理</th>
                            <th class="wd-100">策略类型</th>
                            <th class="wd-100">当前净值</th>
                            <th class="wd-100">累计净值</th>
                            <th>净值走势图</th>
                            <th>申购</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a class="sm-name">20190820私募基金</a></td>
                            <td>东菽粟</td>
                            <td>暂无</td>
                            <td><span class="m-num">6.368839</span></td>
                            <td><span class="m-num">6.368839</span></td>
                            <td>
                                <div class="chart-img"><img src="./images/echarts.jpg" /></div>
                            </td>

                            <td><a href="#apply-modal" data-toggle="modal">申购</a></td>
                        </tr>
                        <tr>
                            <td><a class="sm-name">20190820私募基金</a></td>
                            <td>东菽粟</td>
                            <td>暂无</td>
                            <td><span class="m-num">6.368839</span></td>
                            <td><span class="m-num">6.368839</span></td>
                            <td>
                                <div class="chart-img"><img src="./images/echarts.jpg" /></div>
                            </td>
                        </tr>
                        <tr>
                            <td><a class="sm-name">20190820私募基金</a></td>
                            <td>东菽粟</td>
                            <td>暂无</td>
                            <td><span class="m-num">6.368839</span></td>
                            <td><span class="m-num">6.368839</span></td>
                            <td>
                                <div class="chart-img"><img src="./images/echarts.jpg" /></div>
                            </td>
                        </tr>
                        <tr>
                            <td><a class="sm-name">20190820私募基金</a></td>
                            <td>东菽粟</td>
                            <td>暂无</td>
                            <td><span class="m-num">6.368839</span></td>
                            <td><span class="m-num">6.368839</span></td>
                            <td>
                                <div class="chart-img"><img src="./images/echarts.jpg" /></div>
                            </td>
                        </tr>
                        <tr>
                            <td><a class="sm-name">20190820私募基金</a></td>
                            <td>东菽粟</td>
                            <td>暂无</td>
                            <td><span class="m-num">6.368839</span></td>
                            <td><span class="m-num">6.368839</span></td>
                            <td>
                                <div class="chart-img"><img src="./images/echarts.jpg" /></div>
                            </td>
                        </tr>
                        <tr>
                            <td><a class="sm-name">20190820私募基金</a></td>
                            <td>东菽粟</td>
                            <td>暂无</td>
                            <td><span class="m-num">6.368839</span></td>
                            <td><span class="m-num">6.368839</span></td>
                            <td>
                                <div class="chart-img"><img src="./images/echarts.jpg" /></div>
                            </td>
                        </tr>


                    </tbody>

                </table>
                <div class="page-pagination">
                    <ul>
                        <li><a href="" class="prev-page">上一页</a></li>
                        <li><a href="">1</a></li>
                        <li><a href="">2</a></li>
                        <li><a href="" class="active">3</a></li>
                        <li><a href="">...</a></li>
                        <li><a href="">8</a></li>
                        <li><a href="">9</a></li>
                        <li><a href="">10</a></li>
                        <li><a href="" class="next-page">下一页</a></li>
                    </ul>

                </div>

            </div>

        </div>
        <div class="product-notice">
            <header class="no-title">说明：</header>
            <article>云水泉（北京）资产管理有限公司注册地在中国北京市石景山区。2015年7月10日成立。是私营有限责任公司。法人代表是李丽。云水泉（北京）资产管理有限公司成立于2015年7月，注
                册资本1000万元人民币。融资事件总览云水泉（北京）资产管理有限公司注册地在中国北京市石景山区。2015年7月10日成立。是私营有限责任公司。法人代表是李丽。云水泉（北京）资
                产管理有限公司成立于2015年7月，注册资本1000万元人民币。</article>
        </div>
    </div>
    <!-- 主体-end -->
    <!-- footer -->
    <footer class="pg-footer">
        <div class="wid">
            <div class="ft-left">
                <ul class="ft-nav clearfix">
                    <li>
                        <a href="about.html">关于我们</a>
                    </li>
                    <li>
                        <a href="contact.html">联系方式 </a>
                    </li>
                    <li>
                        <a href="#login-modal" data-toggle="modal" class="logo-btn">客户登录</a>
                    </li>
                    <li>
                        <a href="join.html">校园招聘</a>
                    </li>
                </ul>
                <div class="copyRight">
                    Copyright © 云水泉（北京）资产管理有限公司版权所有 京ICP备10040000053号 京公网安备110102000008

                </div>
            </div>
            <div class="ft-right">
                <ul>
                    <li>
                        <i class="ft-icon icon_weixin"></i>
                        <dl>
                            <img src="./images/weixin.jpg" />
                        </dl>

                    </li>
                    <li>
                        <a href="">
                            <i class="ft-icon icon_weibo"></i>
                        </a>
                    </li>
                </ul>

            </div>
        </div>
    </footer>
    <!--footer-end-->

    <!-- login -->
    <div class="modal fade login-modal" id="login-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close" data-dismiss="modal"><i class="iconfont icon-guanbi"></i></div>
                <div class="login-box">
                    <header class="login-title">客户登录</header>
                    <form action="center.html">
                        <div class="form-list">
                            <input type="text" placeholder="请输入账号/手机号" class="form-text" />
                        </div>
                        <div class="form-list">
                            <input type="password" placeholder="请输入密码" class="form-text" />
                        </div>
                        <div class="form-list">
                            <button class="login-btn">立即登陆</button>
                        </div>
                        <div class="form-list"> <a href="find-password.html" class="find-btn">找回密码</a></div>
                        <div class="form-list"> <a href="register.html" class="register-btn">立即注册</a></div>
                        <div class="form-list">
                            <p class="no-code">还没账号，<a href="register.html">请注册</a></p>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- login-end -->




    <!-- 申购form -->
    <div class="modal fade login-modal" id="apply-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close" data-dismiss="modal"><i class="iconfont icon-guanbi"></i></div>
                <div class="login-box">
                    <header class="login-title">申购信息</header>
                    <div class="re-form">
                        <form action="">
                            <div class="re-list">
                                <label>客户姓名<span class="red">*</span></label>
                                <div class="input-wrap">
                                    <input type="text" placeholder="请输入姓名" class="input-text" />
                                </div>
                            </div>
                            <div class="re-list">
                                <label>身份证号</label>
                                <div class="input-wrap">
                                    <input type="text" placeholder="请输入姓名" class="input-text" />
                                </div>
                            </div>
                            <div class="re-list">
                                <label>联系方式<span class="red">*</span></label>
                                <div class="input-wrap">
                                    <input type="text" placeholder="请输入手机号" class="input-text" />
                                </div>
                            </div>
                            <div class="re-list">
                                <label>短信验证码<span class="red">*</span></label>
                                <div class="input-wrap">
                                    <input type="text" placeholder="请输入短信验证码" class="input-text code-text" />
                                    <button type="button" class="feachBtn">获取验证码</button>
                                </div>
                            </div>

                            <div class="re-list">
                                <label>申购产品名称<span class="red">*</span></label>
                                <div class="input-wrap">
                                    <input type="text" placeholder="请输入申购产品名称" class="input-text" />
                                </div>
                            </div>
                            <div class="re-list">
                                <label>申购产品份额<span class="red">*</span></label>
                                <div class="input-wrap">
                                    <input type="text" placeholder="申购产品份额" class="input-text" />
                                </div>
                            </div>
                            <div class="re-list">
                                <label>邮寄收件地址</label>
                                <div class="input-wrap">
                                    <input type="text" placeholder="请输入邮寄收件地址" class="input-text" />
                                </div>
                            </div>
                            <div class="form-list">
                                    <button class="login-btn">立即申购</button>
                                </div>
                        </form>

                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- 申购form-end -->

    <script src="js/jquery.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/common.js"></script>
    <script>
        $(".pg-header .nav ul li").eq(5).addClass("active");

          // 点击获取验证码操作
          $('.feachBtn').click(function () {
            let count = 60;
            const countDown = setInterval(() => {
                if (count === 0) {
                    $(this).text('重新发送').removeAttr('disabled');
                    $(this).css({
                        background: '#ff9400',
                        color: '#fff',
                    });
                    clearInterval(countDown);
                } else {
                    $(this).attr('disabled', true);
                    $(this).css({
                        background: '#d8d8d8',
                        color: '#707070',
                    });
                    $(this).text(count + '秒后可重新获取');
                }
                count--;
            }, 1000);
        });

    </script>
</body>

</html>